<!--
 * @Author: your name
 * @Date: 2022-03-18 12:29:07
 * @LastEditTime: 2022-03-18 12:58:29
 * @LastEditors: Please set LastEditors
 * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
 * @FilePath: \vue-element-admin\src\views\character2\index.vue
-->
<template>
  <div>  <el-row>
           <el-col :span="24"><div class="grid-content bg-purple-dark" /></el-col>
         </el-row>
    <el-row>
      <el-col :span="12"><div class="grid-content bg-purple" /></el-col>
      <el-col :span="12"><div class="grid-content bg-purple-light" /></el-col>
    </el-row>
    <el-row>
      <el-col :span="8"><div class="grid-content bg-purple" /></el-col>
      <el-col :span="8"><div class="grid-content bg-purple-light" /></el-col>
      <el-col :span="8"><div class="grid-content bg-purple" /></el-col>
    </el-row>
    <el-row>
      <el-col :span="6"><div class="grid-content bg-purple" /></el-col>
      <el-col :span="6"><div class="grid-content bg-purple-light" /></el-col>
      <el-col :span="6"><div class="grid-content bg-purple" /></el-col>
      <el-col :span="6"><div class="grid-content bg-purple-light" /></el-col>
    </el-row>
    <el-row>
      <el-col :span="4"><div class="grid-content bg-purple" /></el-col>
      <el-col :span="4"><div class="grid-content bg-purple-light" /></el-col>
      <el-col :span="4"><div class="grid-content bg-purple" /></el-col>
      <el-col :span="4"><div class="grid-content bg-purple-light" /></el-col>
      <el-col :span="4"><div class="grid-content bg-purple" /></el-col>
      <el-col :span="4"><div class="grid-content bg-purple-light" /></el-col>
    </el-row></div>

</template>

<script>
export default {}
</script>
<style scoped>
 .el-row {
    margin-bottom: 20px;

  }
  .el-col {
    border-radius: 4px;
  }
  .bg-purple-dark {
    background: #99a9bf;
  }
  .bg-purple {
    background: #d3dce6;
  }
  .bg-purple-light {
    background: #e5e9f2;
  }
  .grid-content {
    border-radius: 4px;
    min-height: 36px;
  }
  .row-bg {
    padding: 10px 0;
    background-color: #f9fafc;
  }
</style>

